body {color:#666666} a{color:#333333}a:active,a:hover {color:#104492} @media (min-width: 1630px) {.container{ width: 1262px; }} @media (min-width: 1920px) {.container{ width: 1262px; }} /*首页top */ #Top .width{width:100%; display:block; float:left;} #Top .h110{height:56px;} #Top .top1{width: 100%; position:absolute; left:0; top:0; z-index:999999;} #Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);} #Top .top1 .top_a{background:#ffffff;} #Top .logo{height: auto; float:left; margin:20px 0;} #Top .logo img{float:left;} #Top .logo .i{border-left:1px solid #e2e2e2; line-height:34px; height:34px; display:block; float:left; font-size:24px; font-weight:normal; margin-left:15px;margin-top: 20px; padding-left:15px; color:#ddd; } #Top .top1 .tel{float:right; margin-top:22px;} #Top .top1 .tel .i_a{float:left; width:40px; height:40px; margin-top:3px;} #Top .top1 .tel .p_a{float:left; padding-left:14px;} #Top .top1 .tel .span_a{font-size:12px; color:#666666;} #Top .top1 .tel .b_a{display:block; color:#104492; font-size:18px;} #Top .nav{width:100%; position:relative;} #Top .menu_box{ width:100%; display:block; position:relative; } #Top .menu_box::after{width:100%;background:rgba(54,62,69,0.7); position:absolute; left:0px; top:0; content:""; height:100%; } #Top .menu{width:100%;} #Top .menu .nli{ float:left; z-index:15; position:relative; text-align:center; width: 12.5%;} #Top .menu .nli span a{float:left; font-size:16px; line-height:56px; position:relative; color:#ffffff; height:56px; position: relative; display: flex; justify-content: center;width: 100%; align-items: center; text-decoration: none; } #Top .menu .nli span a::after{content: ''; position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background:#104492;width:0; } #Top .menu .nli.active span a::after, #Top .menu .nli:hover span a::after{ width:100%;} #Top .menu .sub{ display:none; float:left; position:absolute; top:56px; width:150px; z-index:66; background:rgba(54,62,69,0.7); left:0; } #Top .menu .sub li{ float:left; text-align:center; width:100%; padding:10px 0;} #Top .menu .sub li a{ text-align:center; color:#fff; font-size:14px; line-height:22px; position:relative; display:inline-block; } #Top .menu .sub li::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #fff; bottom:0; content: ''; opacity: 0; } #Top .menu .sub li:hover a::after{opacity: 1;} #Top .menu .sub li:hover{background:#104492;} /*手机头*/ #Top .top2{width:100%; height:71px;display: none ; position: absolute; top:0; left: 0; z-index: 600; background-color: #fff;} #Top .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)} #Top .top2 .logo{width:500px; height:auto; float:left; margin:5px 0; position:relative;} #Top .top2 .logo .img02{position:absolute; width:350px; left:0; top:0; opacity: 0;} /*下拉*/ #Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;} #Top .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before{width: 28px;} #Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000; } #Top .menuph .navbtn::after{top: -11px;} #Top .menuph .navbtn::before{ top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; } #Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ #Top .xialaph{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-top:76px; overflow-y: auto;z-index: 200; background-color:#fff; } #Top .xialaph .img_d{ display:none;} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ display: block;color: #333; font-size: 14px; line-height: 40px; position: relative; /* font-weight: bold;*/ text-transform: uppercase; } #Top .xialaph h4{ position: relative;} #Top .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #Top .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;display: none } #Top .xialaph li:first-child h4::after{display:none;} #Top .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#dedede; /*opacity: 0.1;*/ } #Top .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;} #Top .xialaph h5 a{ display: block; color: #666;font-size: 14px;line-height: 42px; padding:0 10px;} #Top .xialaph h5{position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);; /*opacity: 0.05;*/ } #Top .xialaph li:last-child h5::after{display: none;} #Top .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #666 solid 1px; border-right: #666 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } #Top .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px; } /*.xialaph .ul2{ padding-left: 30px; }*/ #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; background-color: #e5e5e5;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #666; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{padding-top: 0;} #Top .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999 solid 1px; border-right: #999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } #Top .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px; } #Top .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none; } #Top .phonemeng.active{ display: block;} @media screen and (max-width:1630px){ #Top .menu .nli span a{padding:0 25px;} } @media screen and (max-width:1200px){ #Top .menu .nli span > a{font-size:15px; padding:0 15px; } #Top .menu .sub li a{font-size:14px;} #Top .menu .sub{width:120px;left:70%;} #Top .menu .sub li a{line-height:20px;} } @media screen and (max-width:992px){ #Top .top2{ display:block;} #Top .top1{ display:none;} #Top .h110{height:71px;} } @media screen and (max-width:768px){ #Top .top2 .logo{width:300px;} #Top .top2 .logo .img01{opacity: 0;} #Top .top2 .logo .img02{opacity:1;} #Top .menuph{margin-top:12px;} #Top .h110{height:60px;} #Top .top2{height:60px;} } /*banner*/ #Slide .pz_banner{clear: both; position:relative; padding-top:100px; float:left; width:100%;} #Slide .pz_banner img{display: block;} #Slide .pz_banner a{display:block; width:100%;} #Slide .pz_banner .slide1 .list{line-height:0; position: relative;} #Slide .pz_banner .slide1 .slick-dots{width:100%; bottom:20px; font-size:0; display:none;} #Slide .pz_banner .slick-prev{left:8%;} #Slide .pz_banner .slick-next{right:8%;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:33px; height:64px; background-size:33px 64px;} #Slide .pz_banner .slick-prev{background:url(../images/899_left.png)no-repeat; } #Slide .pz_banner .slick-next{background:url(../images/899_right.png)no-repeat;} #Slide .pz_banner .slick-prev:hover{background:url(../images/899_left_a.png)no-repeat;} #Slide .pz_banner .slick-next:hover{background:url(../images/899_right_a.png)no-repeat;} @media screen and (max-width:1630px){ #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:30px; height:58px; background-size:30px 58px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:30px 58px;} } @media screen and (max-width:1200px){ #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:26px; height:50px; background-size:26px 50px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:26px 50px;} #Slide .pz_banner .slick-prev{left:5%;} #Slide .pz_banner .slick-next{right:5%;} } @media screen and (max-width:992px){ #Slide .pz_banner{padding-top:70px;} #Slide .pz_banner .slick-prev{left:30px;} #Slide .pz_banner .slick-next{right:30px;} } @media screen and (max-width:768px){ #Slide .pz_banner{padding-top:60px;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:20px; height:39px; background-size:20px 39px;} #Slide .pz_banner .slick-prev:hover, #Slide .pz_banner .slick-next:hover{background-size:20px 39px;} #Slide .pz_banner .slick-prev{left:10px;} #Slide .pz_banner .slick-next{right:10px;} } /*main*/ #Content .pro_index01{display:block; width:100%; float:left; position:relative; position:relative;} #Content .pro_index01::after{width:100%; background:#e5e5e5; height:1px; bottom:23px; content:""; z-index:-1; left:0; position:absolute;} #Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content .pro_index01 .top_rig{position:absolute; right:0; bottom:43%;} #Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content .pro_index01 .right{float:right;} #Content .pro_index01 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content .pro_index01 .li_a:hover, #Content .pro_index01 .li_a.on{background:#363e45;} #Content .pro_index01 .sea_form{float:left; position:relative; width:212px; height:38px; border:1px solid #e5e5e5;padding-right:39px; } #Content .pro_index01 .sea_form .input{float: left; width: 100%; height:36px; line-height:28px; padding: 5px 10px; color: #363e45; font-size: 14px; background: white; outline: none; } #Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:39px; height:38px;display:block; border: none;background: url(../images/901_top9.png) center no-repeat #104492; cursor: pointer ; background-size: contain; } #Content .pro_index01 .pro_ul{width:100%; display:block;} #Content .pro_index01 .ul_a{padding-bottom:60px; display:block;} #Content .pro_index01 .li_b{width:32%; float:left; margin:0 2% 3% 0; padding-bottom:20px;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:0;} #Content .pro_index01 .li_b a{width:100%; display:block;position:relative; padding:20px 20px 50px; background:#fff; height:100%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .pic{display:block; overflow: hidden;} #Content .pro_index01 .li_b img{display:block;transition:all 0.5s ease;} #Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; } #Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease;} #Content .pro_index01 .li_b .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease; } #Content .pro_index01 .li_b:hover a{background:#363e45;} #Content .pro_index01 .li_b:hover .h4_b, #Content .pro_index01 .li_b:hover .p_b, #Content .pro_index01 .li_b:hover .more{color:#ffffff;} #Content .pro_index01 .li_b:hover .more{border:4px solid #104492; background:#104492;} #Content .pro_index01 .li_b:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; } #Content .pro_index01 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease; } #Content .pro_index01 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content .pro_index01 .more_a:hover::after{background:#104492; width:100%; height:100%;} @media screen and (max-width:1630px){ #Content .pro_index01 .li_a{padding:0 16px;} } @media screen and (max-width:1200px){ #Content .pro_index01 .h3_y{font-size:36px;} #Content .pro_index01 .p_h3{font-size:30px;} #Content .pro_index01 .li_a{padding:0 16px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;} #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;} #Content .pro_index01 .right{float:left;} } @media screen and (max-width:992px){ #Content .pro_index01 .p_h3::after{width:80%;} #Content .pro_index01 .h3_y{font-size:32px;} #Content .pro_index01 .p_h3{font-size:24px;} #Content .pro_index01 .li_a{padding:0 16px;} #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;} #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;} #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; } #Content .pro_index01 .li_b{width:49%;} #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;} #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;} #Content .pro_index01 .li_b:nth-child(9){display:none;} } @media screen and (max-width:768px){ #Content .pro_index01 .h3_y{font-size:24px;} #Content .pro_index01 .p_h3{font-size:18px;} #Content .pro_index01 .p_h3::after{width:70%;} #Content .pro_index01 .sea_form{width:100%;} #Content .pro_index01 .right{display:block;} #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;} #Content .pro_index01 .li_a a{font-size:14px; width:100%; display:block; text-align:center;} #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:16px;} #Content .pro_index01 .li_b a{padding:10px 10px 32px;} #Content .pro_index01 .ul_a{padding-bottom:30px;} #Content .pro_index01 .more_a{width:160px; height:38px;} #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;} #Content .pro_index01 .more_a::after{border-top:38px solid #104492;} #Content .pro_index01 .more_a .b{line-height:38px;} #Content .pro_index01 .li_b .more{width:50px; height:50px; margin-left:-25px; } } #Content2 .adv_index02{display:block; width:100%; float:left; padding:98px 0;} #Content2 .adv_index02 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content2 .adv_index02 .h3_y{font-weight:bold; font-size:42px; color:#ffffff; display:block; } #Content2 .adv_index02 .p_h3{font-weight:bold; font-size:30px; color:#ffffff; position:relative;} #Content2 .adv_index02 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#ffffff; } #Content2 .adv_index02 .adv_ul{width:100%; display:block;} #Content2 .adv_index02 .li_c{width:32%; float:left; margin-right:2%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content2 .adv_index02 .li_c a{display:block; width:100%; height:100%; padding:30px; background:rgba(0,0,0,0.5); position:relative; } #Content2 .adv_index02 .li_c .span_c{width:92px; height:92px; float:left; background:rgba(255,255,255,0.1); border-radius:50%;} #Content2 .adv_index02 .li_c .span_right{float:left; width:72%; padding-left:24px; color:#ffffff;} #Content2 .adv_index02 .li_c .p_c{line-height:38px; font-size:20px;} #Content2 .adv_index02 .li_c .b_c{padding-top:6px; line-height:20px; font-size:14px; font-weight:normal; display:block; height:46px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content2 .adv_index02 .li_c:nth-child(3n){margin-right:0;} #Content2 .adv_index02 .li_c:hover a{background:rgba(16,68,146,0.9);} #Content2 .adv_index02 .li_c:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1630px){ #Content2 .adv_index02 .li_c .span_right{width:68%;} } @media screen and (max-width:1200px){ #Content2 .adv_index02 .h3_y{font-size:36px;} #Content2 .adv_index02 .p_h3{font-size:30px;} #Content2 .adv_index02 .li_c .span_c{width:80px; height:80px;} #Content2 .adv_index02 .li_c a{padding:20px;} #Content2 .adv_index02 .li_c .span_right{width:70%;} } @media screen and (max-width:992px){ #Content2 .adv_index02 .p_h3::after{width:80%;} #Content2 .adv_index02 .h3_y{font-size:32px;} #Content2 .adv_index02 .p_h3{font-size:24px;} #Content2 .adv_index02{padding:60px 0;} #Content2 .adv_index02 .li_c a{padding:15px;} #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;} #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;} #Content2 .adv_index02 .li_c .p_c{font-size:18px; line-height:24px;} #Content2 .adv_index02 .li_c .b_c{font-size:12px;} } @media screen and (max-width:768px){ #Content2 .adv_index02 .h3_y{font-size:24px;} #Content2 .adv_index02 .p_h3{font-size:18px;} #Content2 .adv_index02 .p_h3::after{width:70%;} #Content2 .adv_index02{padding:40px 0;} #Content2 .adv_index02 .li_c{width:100%; margin-right:0; margin-bottom:15px;} #Content2 .adv_index02 .li_c a{padding:15px;} #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;} #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;} #Content2 .adv_index02 .li_c .p_c{font-size:16px; line-height:24px;} #Content2 .adv_index02 .li_c .b_c{font-size:12px;} } #Content3 .case_index03{display:block; width:100%; float:left; background:#f0f0f0; padding:100px 0;} #Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; bottom:43%; color:#ffffff; display:block; padding:0 15px; } #Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease; } #Content3 .case_index03 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content3 .case_index03 .more_a:hover::after{background:#104492; width:100%; height:100%;} #Content3 .case_index03 .case_ul{width:100%; display:block;} #Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#ffffff;} #Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;} #Content3 .case_index03 .li_d a{display:block; width:100%; height:100%;} #Content3 .case_index03 .li_d .pic{position:relative; } #Content3 .case_index03 .li_d img{display:block;} #Content3 .case_index03 .li_d .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #Content3 .case_index03 .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center; } #Content3 .case_index03 .li_d .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #Content3 .case_index03 .li_d:hover .mor{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #Content3 .case_index03 .li_d:hover .text{background:#104492; color:#ffffff;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content3 .case_index03 .h3_y{font-size:36px;} #Content3 .case_index03 .p_h3{font-size:30px;} #Content3 .case_index03 .li_d .text{line-height:60px; height:60px;} #Content3 .case_index03 .more_a{bottom:46%;} } @media screen and (max-width:992px){ #Content3 .case_index03{padding:50px 0;} #Content3 .case_index03 .p_h3::after{width:80%;} #Content3 .case_index03 .h3_y{font-size:32px;} #Content3 .case_index03 .p_h3{font-size:24px;} #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;} #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;} #Content3 .case_index03 .more_a .b{line-height:40px;} #Content3 .case_index03 .more_a::after{border-top: 40px solid #104492;} #Content3 .case_index03 .li_d .text{line-height:50px; height:50px; font-size:16px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} } @media screen and (max-width:768px){ #Content3 .case_index03{padding:30px 0;} #Content3 .case_index03 .h3_y{font-size:24px;} #Content3 .case_index03 .p_h3{font-size:18px;} #Content3 .case_index03 .p_h3::after{width:70%;} #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; position:inherit; } #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;} #Content3 .case_index03 .more_a .b{line-height:36px;} #Content3 .case_index03 .more_a::after{border-top: 36px solid #104492; width:56px;} #Content3 .case_index03 .li_d .text{line-height:44px; height:44px; font-size:14px;} #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;} #Content3 .case_index03 .li_d{width:100%; margin-right:0; margin-top:15px; display:block;} } #Content4 .about_index04{display:block; width:100%; float:left;} #Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content4 .about_index04 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content4 .about_index04 .abou_text{width:100%; display:block;} #Content4 .about_index04 .left{width:41.112%; float:left; position:relative; margin-top:40px;background:#104492; height:100%; } #Content4 .about_index04 .left .span_a{display:block; width:556px; position:relative; left:45px; top:-40px; } #Content4 .about_index04 .left .span_a img{display:block;} #Content4 .about_index04 .right{float:left; background:#ffffff; width:51.5%; margin-left:90px; box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:40px; height:440px; } #Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px; color:#333333; font-weight:bold; width:100%;} #Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:5;-webkit-box-orient: vertical; } #Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; display:block; padding:0 15px; position: relative; } #Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0; width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease; } #Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;} #Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;} #Content4 .about_index04 .right .more_a:hover::after{background:#104492; width:100%; height:100%;} @media screen and (max-width:1630px){ #Content4 .about_index04 .right{width:50.9%;} } @media screen and (max-width:1200px){ #Content4 .about_index04 .h3_y{font-size:36px;} #Content4 .about_index04 .p_h3{font-size:30px;} #Content4 .about_index04 .left .span_a{width:430px;} #Content4 .about_index04 .right{width:50%; margin-left:80px;padding:30px; height:331px;} #Content4 .about_index04 .right .h4_a{font-size:22px;} #Content4 .about_index04 .right .p{line-height:30px; font-size:15px; margin:15px 0 30px; height:145px;} #Content4 .about_index04 .right .more_a{ width:160px; height:40px; } #Content4 .about_index04 .right .more_a a{ line-height:40px; font-size:16px;} #Content4 .about_index04 .right .more_a .b{line-height:40px;} #Content4 .about_index04 .right .more_a::after{border-top: 40px solid #104492; width:56px;} } @media screen and (max-width:992px){ #Content4 .about_index04 .p_h3::after{width:80%;} #Content4 .about_index04 .h3_y{font-size:32px;} #Content4 .about_index04 .p_h3{font-size:24px;} #Content4 .about_index04 .left .span_a{width:330px; left:30px; top:-30px;} #Content4 .about_index04 .right{margin-left:57px; width: 51%; margin-top:30px; height:265px;} #Content4 .about_index04 .right .h4_a{font-size:20px;} #Content4 .about_index04 .right .p{font-size:14px; line-height:24px; height:118px;} #Content4 .about_index04 .right .more_a{ width:120px; height:36px; } #Content4 .about_index04 .right .more_a a{padding-left:0; line-height:36px; font-size:14px;} #Content4 .about_index04 .right .more_a .b{line-height:36px;} #Content4 .about_index04 .right .more_a::after{border-top: 36px solid #104492; width:56px;} } @media screen and (max-width:768px){ #Content4 .about_index04 .h3_y{font-size:24px;} #Content4 .about_index04 .p_h3{font-size:18px;} #Content4 .about_index04 .p_h3::after{width:70%;} #Content4 .about_index04 .index_top{padding-bottom:10px;} #Content4 .about_index04 .left{width:90%; height:100%; margin-top:30px;} #Content4 .about_index04 .left .span_a{right:0; top:-20px; width:100%;} #Content4 .about_index04 .right{width:100%; margin:0; padding:25px; min-height:200px; height:auto;} #Content4 .about_index04 .right .h4_a{font-size:16px;} #Content4 .about_index04 .right .p{font-size:14px; line-height:22px; min-height:100px; height:auto;} } #Content5 .news_index05{background:#eaeaea; padding:50px 0; display:block; width:100%; float:left;} #Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;} #Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; } #Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;} #Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5; } #Content5 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;} #Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .news_index05 .right{float:right;} #Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;} #Content5 .news_index05 .li_a:hover, #Content5 .news_index05 .li_a.on{background:#363e45;} #Content5 .news_index05 .news_ul{display:block; width:100%;} #Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;} #Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;} #Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;} #Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;} #Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; display:block;padding:0 20px; line-height:40px;} #Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:""; width:160px; height:0; border-bottom:120px solid #dfdfdf; border-right:78px solid transparent; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;} #Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;} #Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666; height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #104492;} #Content5 .news_index05 .li_e:hover a{background:#363e45;} #Content5 .news_index05 .li_e:hover .h4_e, #Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content5 .news_index05 .h3_y{font-size:36px;} #Content5 .news_index05 .p_h3{font-size:30px;} #Content5 .news_index05 .top_rig{bottom:46%;} #Content5 .news_index05 .li_a{padding:0 16px;} #Content5 .news_index05 .li_e .i{padding:30px 15px 10px;} #Content5 .news_index05 .li_e .span_left::after{width:150px;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} } @media screen and (max-width:992px){ #Content5 .news_index05{padding:50px 0;} #Content5 .news_index05 .p_h3::after{width:80%;} #Content5 .news_index05 .h3_y{font-size:32px;} #Content5 .news_index05 .p_h3{font-size:24px;} #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px; display: flex; align-items: center; justify-content: center; } #Content5 .news_index05 .li_e{height:110px;} #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;} #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;} #Content5 .news_index05 .li_e .span_right{padding:20px 45px;} #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;} #Content5 .news_index05 .li_e .span_left{width:23%;} #Content5 .news_index05 .li_e .span_right{width:77%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;} } @media screen and (max-width:768px){ #Content5 .news_index05{padding:30px 0;} #Content5 .news_index05 .index_top{padding-bottom:20px;} #Content5 .news_index05 .h3_y{font-size:20px;} #Content5 .news_index05 .p_h3{font-size:18px;} #Content5 .news_index05 .p_h3::after{width:70%;} #Content5 .news_index05 .top_rig{display:block;} #Content5 .news_index05 .right{float:none;} #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;} #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;} #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;} #Content5 .news_index05 .li_e .i{padding:30px 15px 6px; font-size:12px;} #Content5 .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;} #Content5 .news_index05 .li_e .span_right{padding:16px 27px;} #Content5 .news_index05 .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;} #Content5 .news_index05 .li_e .span_left{width:27%;} #Content5 .news_index05 .li_e .span_right{width:73%;} #Content5 .news_index05 .li_e .h4_e{font-size:16px;} #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;} } /*底部*/ #Down .footer{width:100%; float:left; display:block;} #Down .footer .d_footer{width:100%; display:block;} #Down .d_footer .top_d{background:#272c31; padding-top:60px; display:block; width:100%;} #Down .d_footer .ul_left{float:left; width:81.5%;} #Down .d_footer .ul_left .li_f{float:left; width:14.666%; margin-right:2%;} #Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#ffffff; font-weight:bold; position:relative; padding-bottom:16px; } #Down .d_footer .ul_left .h4_a .b{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf; border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a; position:absolute; left:0; bottom:0; content:""; } #Down .d_footer .ul_left ul{margin-top:20px; display:block;} #Down .d_footer .ul_left .li{line-height:30px;} #Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;} #Down .d_footer .ul_left .li:hover a{color:#104492;} #Down .d_footer .right_d{width:17.5%; float:right;} #Down .d_footer .top_g{padding-left:42px; width:100%; color:#ffffff; position:relative;font-size:16px; line-height:24px;} #Down .d_footer .top_g .i{width:25px; height:22px; background:url(../images/907_tel_1.png)no-repeat; position:absolute; left:0; top:0; } #Down .d_footer .top_g .b{font-size:24px; line-height:28px; font-weight:normal;} #Down .d_footer .bot_g{display:block; width:100%; padding-left:42px; margin-top:10px;} #Down .d_footer .span_1{float:left; } #Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ } #Down .d_footer .ul{margin-top:30px; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;} #Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;} #Down .d_footer .h5_a .i{width:16px; height:16px; background:url(../images/907_link.png)no-repeat; position: absolute; left:0; top:0; } #Down .d_footer .ul_a{float:left;width:86%;} #Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:12px;} #Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; } #Down .d_footer .ul_a .li_g:hover a{color:#104492;} #Down .d_footer .ul .span{font-size:14px; float:right;} #Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;} #Down .bottom_d{background:#104492; padding:15px 0; line-height:26px; width:100%; display:block;} #Down .bottom_d .span_3{float:left; width:90%; line-height:26px; font-size:14px; color:#a4afc9;} #Down .bottom_d .span_4{float:right; line-height:24px; color:#a4afc9; font-size:14px;} #Down .bottom_d .span_4 a{ color:#a4afc9; font-size:14px;} #Down .bottom_d .span_4:hover a{color:#ffffff;} #Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;} /*右侧漂浮*/ #Down .pf_right{display: none; width:72px; right:30px; position:fixed; top:50%; z-index:999; } #Down .pf_right ul{ width:100%; float:left;} #Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;} #Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative; padding:8px 0; background:#494d52;} #Down .pf_right ul li a img{ float:left;} #Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;} #Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;} #Down .pf_right ul li:hover a{background:#203764;} #Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;} #Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;} #Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;} /* 20200413修改开始 */ #Down .pf_right{ top: 35%;} #Down .pf_right ul li{ position: relative;} #Down .pf_right ul li .z_dh{ display: none; width: 170px; height: 72px; line-height: 72px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 80px; color: #fff; background:#203764;} #Down .pf_right ul li:hover .z_dh{ display: block;} /* 20200413修改结束 */ /*留言弹窗*/ #Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 99999; } #Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;} #Down .mess-wrapper .top_1{background:#104492; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px; } #Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;} #Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;} #Down .mess-wrapper .li_1{width:100%; margin-bottom:10px; float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;} #Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;} #Down .mess-wrapper .input_1{width:40%;} #Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Down .mess-wrapper .b{color:#104492; font-size:16px;} #Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;} #Down .mess-wrapper .li_3{margin-right:0;} #Down .mess-wrapper .li_4{background:#104492;} #Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Down .mess-wrapper .ri{padding-left:100px;} #Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Down .mess-wrapper .demo--radio{display:none; } #Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;} #Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #104492;} #Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;} #Down .mess-wrapper .span_d img{display:block;} #Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Down .mess-wrapper .pointa:hover .navbtna, #Down .mess-wrapper .pointa:hover .navbtna::after, #Down .mess-wrapper .pointa:hover .navbtna::before { width: 22px; } #Down .mess-wrapper .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Down .mess-wrapper .pointa .navbtna::after, #Down .mess-wrapper .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Down .mess-wrapper .pointa .navbtna::after { top:-8px; } #Down .mess-wrapper .pointa .navbtna::before { top:8px; } #Down .mess-wrapper .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .mess-wrapper .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} #Down .visible-lg{display:block!important;} @media screen and (max-width:1630px){ #Down .d_footer .right_d{width:18.5%;} #Down .d_footer .ul_a{width:86%;} } @media screen and (max-width:1200px){ #Down .d_footer .right_d{width:22.5%;} #Down .d_footer .ul_a{width:84%;} #Down .d_footer .ul_left{width:77.5%;} } @media screen and (max-width:992px){ #Down .d_footer .right_d{width:30%; float:left; margin-top:20px;} #Down .d_footer .ul_a{width:78%;} #Down .d_footer .ul_left{width:100%;} } @media screen and (max-width:768px){ #Down .d_footer .top_d{padding-top:30px;} #Down .d_footer .ul_left .h4_a .b{display:block;} #Down .d_footer .ul_left .h4_a{line-height:36px; font-size:16px; height:36px;padding: 0 15px; } #Down .d_footer .ul_left .h4_a::after{display:none;} #Down .d_footer .ul_left ul{display:none; margin:0; padding:0 15px;} #Down .d_footer .ul_left .li_f{width:49%; margin-bottom:15px; border:1px solid #bdbebf;} #Down .d_footer .ul_left .li_f:nth-child(2n){margin-right:0;} #Down .d_footer .right_d{width:100%; margin-top:10px;} #Down .d_footer .ul{margin-top:20px; padding:15px 0;} #Down .d_footer .bot_g{display:none;} #Down .d_footer .ul .span{position:absolute; right:0; top:20;} #Down .d_footer .ul_a{width:100%; margin-top:10px;} #Down .bottom_d{text-align:center;} #Down .bottom_d .span_3, #Down .bottom_d .span_4{width:100%; line-height:22px; font-size:14px;} #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;} #Down .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} #Down .pf_down li .ico{ width:100%; float:left; height:30px;} #Down .pf_down li .ico img{ height:36px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;} #Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #104492; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #Down .visible-lg{display:none!important;} #Down .mess-wrapper .mess_width{width:90%; top:10%;} #Down .mess-wrapper .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Down .mess-wrapper .pointa{right:12px; top:10px;} #Down .mess-wrapper .form_width{padding:15px 20px 20px; overflow-y: auto; height:400px;border-radius: 0 0 15px 15px;} #Down .mess-wrapper .h4_1{font-size:12px; padding-bottom:15px;} #Down .mess-wrapper .li_2{width:100%;} #Down .mess-wrapper .li_1{padding:10px 15px; line-height:24px;} #Down .mess-wrapper .i{line-height:24px; font-size:14px;} #Down .mess-wrapper .input{line-height:24px; height:24px; font-size:12px;} #Down .mess-wrapper .li_11 .input{width:60%;} #Down .mess-wrapper .demo--label{font-size:14px;} #Down .mess-wrapper .span_d{width:100px; right:10px; top:10px;} #Down .mess-wrapper .tj{font-size:15px;} #Down .mess-wrapper .li_4{padding:8px 10px;} /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Down .mess-wrapper .form_width::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Down .mess-wrapper .form_width::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(16,68,146,.9);} } /* 内页banner */ #Slide2{ width: 100%; float: left;} #Slide2 .zy_banner{ line-height: 0;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 内页导航 */ #Content6{ width: 100%; float: left;} #Content6 .subNav{ text-align: center;} #Content6 .subNav .u1{ display: inline-block;} #Content6 .subNav .l1{ float: left; font-size: 16px; height: 48px; line-height: 48px; padding: 0 40px; margin: 5px 10px; background: #363e45;} #Content6 .subNav .l1 a{ color: #fff;} #Content6 .subNav .l1.on,#Content6 .subNav .l1:hover{ background: #104492;} @media screen and (max-width:1200px){ #Content6 .subNav .l1{ padding: 0 20px;} } @media screen and (max-width:1023px){ #Content6 .subNav .l1{ font-size: 14px; height: 28px; line-height: 28px; padding: 0 10px; margin: 2px 5px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #Content6 .subNav .u1{ margin: 0 -5px;} #Content6 .subNav .l1{ font-size: 12px; padding: 0 6px; margin: 1px 2px;} } /*1关于宏工*/ #Content7 .about_width{width:100%; display:block; float:left;} #Content7 .about_width .title{text-align:center; margin-bottom:30px; display:block;} #Content7 .about_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content7 .about_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#104492; font-weight:bold; line-height:30px; } #Content7 .about_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content7 .about_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content7 .about_width .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content7 .about_width .title .h3_a{font-size:26px; line-height:36px;} #Content7 .about_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content7 .about_width .title .h3_a{font-size:24px; line-height:30px;} #Content7 .about_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content7 .about_width .title{margin-bottom:20px;} } @media screen and (max-width:768px){ #Content7 .about_width .title .h3_a{font-size:22px; line-height:28px;} #Content7 .about_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content7 .about_width .title .h4_a::after, #Content7 .about_width .title .h4_a::before{width:12px;} #Content7 .about_width .title{margin-bottom:20px;} #Content7 .about_width .text{line-height:22px; font-size:14px;} } /*发展历程*/ #Content8 .deve_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;} #Content8 .deve_width .title{text-align:center; margin-bottom:30px; display:block;} #Content8 .deve_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content8 .deve_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#104492; font-weight:bold; line-height:30px; } #Content8 .deve_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content8 .deve_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content8 .deve_width .deve_pic{ margin:0 -94px; display:block; } #Content8 .deve_width .deve_pic .homeGame_s{width:100%; margin:0 auto; position:relative; padding:0 94px;} #Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{position: absolute; left: 0; top:112px; width: 100%; border-bottom:1px dashed #aaaaaa; height: 1px; content: ""; z-index: -1; } #Content8 .deve_width .slick-dots{display:none!important;width: 100%;bottom:-20px; font-size: 0; text-align:center;} #Content8 .deve_width .slick-dots li{width:10px; height: 10px;margin: 0 5px; border-radius: 50%; border:1px solid #fff; background:none; background:#d1cfce; } #Content8 .deve_width .slick-dots li.slick-active{ background-color: #104492; border:1px solid #fff;} #Content8 .deve_width .slick-dots li button:before, #Content8 .deve_width .slick-dots li button{display:none;} #Content8 .deve_width .deve_pic .slick-prev, #Content8 .deve_width .deve_pic .slick-next{width:24px; height:54px; border-radius:15px; background-size:100% 100%;} #Content8 .deve_width .deve_pic .slick-prev{left:0; top:112px; background:url(../images/911_jt_1.png)no-repeat #c3c3c3; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .deve_width .deve_pic .slick-next{right:0; top:112px; background:url(../images/911_jt_2.png)no-repeat #c3c3c3; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .deve_width .deve_pic .slick-prev:hover{background:url(../images/911_jt_1.png)no-repeat #104492;} #Content8 .deve_width .deve_pic .slick-next:hover{background:url(../images/911_jt_2.png)no-repeat #104492;} #Content8 .deve_width .deve_pic .slick-slide{margin-right:30px; cursor: pointer; } #Content8 .deve_width .deve_pic .slick-slide:hover .span_3{ background:#104492; } #Content8 .deve_width .deve_pic .slick-slide:hover .i{ border-bottom-color: #104492;} #Content8 .deve_width .deve_pic .slick-slide:hover .p{color:#ffffff;} #Content8 .deve_width .deve_pic .slick-slide:hover .span_1{ -webkit-transform: translateY(10px); transform: translateY(10px); } #Content8 .deve_width .deve_pic .span_1{width:67px; height:82px; background:url(../images/911_lc.png)no-repeat; margin:0 auto; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:72px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .deve_width .deve_pic .span_2{margin:23px auto; display:block; width:16px; height:16px; background:#ffffff; border:1px solid #104492; border-radius:50%; } #Content8 .deve_width .deve_pic .span_3{position:relative; padding:20px 20px 10px; background:#ffffff; display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .deve_width .deve_pic .i{position: absolute; top: -14px; width: 0; height: 0; border:7px solid transparent; left:50%; margin-left:-7px; border-bottom-color: #ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content8 .deve_width .deve_pic .p{line-height:24px; color:#333333; min-height:154px; font-size:14px; display:block; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media screen and (max-width:1630px){ #Content8 .deve_width .deve_pic{margin:0 -10px;} #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;} } @media screen and (max-width:1200px){ #Content8 .deve_width{padding:80px 0 60px;} #Content8 .deve_width .title .h3_a{font-size:26px; line-height:36px;} #Content8 .deve_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} #Content8 .deve_width .deve_pic{margin:0 -20px;} #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;} } @media screen and (max-width:992px){ #Content8 .deve_width{padding:60px 0 40px;} #Content8 .deve_width .title .h3_a{font-size:24px; line-height:30px;} #Content8 .deve_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content8 .deve_width .title{margin-bottom:20px;} #Content8 .deve_width .deve_pic{margin:0 -10px;} #Content8 .deve_width .deve_pic .homeGame_s{padding:0 50px;} } @media screen and (max-width:768px){ #Content8 .deve_width{padding:40px 0 30px;} #Content8 .deve_width .title .h3_a{font-size:22px; line-height:28px;} #Content8 .deve_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content8 .deve_width .title .h4_a::after, #Content8 .deve_width .title .h4_a::before{width:12px;} #Content8 .deve_width .title{margin-bottom:20px;} #Content8 .deve_width .deve_pic .slick-slide{margin:0;} #Content8 .deve_width .deve_pic{margin:0;} #Content8 .deve_width .deve_pic .homeGame_s{padding:0;} #Content8 .deve_width .deve_pic .slick-prev, #Content8 .deve_width .deve_pic .slick-next{background:none;} #Content8 .deve_width .deve_pic .span_1{width:55px; height:67px; background-size:100% 100%; line-height:56px; font-size:16px;} #Content8 .deve_width .deve_pic .span_2{width:12px; height:12px; margin:16px auto;} #Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{top:88px;} #Content8 .deve_width .deve_pic .span_3{padding:15px 15px 10px;} #Content8 .deve_width .slick-dots{display:block!important;} #Content8 .deve_width .deve_pic .p{min-height:110px;} } /*企业文化*/ #Content9 .cor_width{width:100%; display:block; float:left; } #Content9 .cor_width .title{text-align:center; margin-bottom:30px; display:block;} #Content9 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content9 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#104492; font-weight:bold; line-height:30px; } #Content9 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content9 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content9 .cor_width .cor_list{width:100%; display:block;} #Content9 .cor_width .li_a{width:23.5%; margin-right:2%; float:left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content9 .cor_width .li_a:last-child{margin-right:0;} #Content9 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;} #Content9 .cor_width .li_a .img_1{width:100%; margin-bottom:16px;} #Content9 .cor_width .li_a img{display:block;} #Content9 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;} #Content9 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;} #Content9 .cor_width .li_a:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} #Content9 .cor_width .li_a:hover .p{color:#104492;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;} #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} } @media screen and (max-width:992px){ #Content9 .cor_width .title .h3_a{font-size:24px; line-height:30px;} #Content9 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:48%; margin:0 4% 4% 0;} #Content9 .cor_width .li_a:nth-child(2n){margin-right:0;} } @media screen and (max-width:768px){ #Content9 .cor_width .title .h3_a{font-size:22px; line-height:28px;} #Content9 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content9 .cor_width .title .h4_a::after, #Content9 .cor_width .title .h4_a::before{width:12px;} #Content9 .cor_width .title{margin-bottom:20px;} #Content9 .cor_width .li_a{width:100%; margin:0 0 15px 0;} #Content9 .cor_width .li_a .img_1{margin-bottom:10px;} #Content9 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;} } /*组织架构*/ #Content10 .org_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;} #Content10 .org_width .title{text-align:center; margin-bottom:30px; display:block;} #Content10 .org_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;} #Content10 .org_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block; font-size:24px; color:#104492; font-weight:bold; line-height:30px; } #Content10 .org_width .title .h4_a::after{position:absolute; right:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content10 .org_width .title .h4_a::before{position:absolute; left:0; top:50%; height:1px; width:22px; background:#104492; content:""; } #Content10 .org_width .org_pic{width:100%;display:block;} #Content10 .org_width .top_a1{text-align:center; width:120px; height:120px; position:relative; padding:40px 0; display:block; background:#104492; border-radius:50%; margin:0 auto; } #Content10 .org_width .top_a1::after{position:absolute; left:50%; margin-left:-1px; bottom:-25px; height:20px; width:1px; background:#afafaf;content:""; } #Content10 .org_width .top_a1 .b{color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;} #Content10 .org_width .top_a2{padding-top:37px; display:block; width:100%; overflow: hidden;} #Content10 .org_width .top_a2 .ul_a{width:100%; display:block; overflow: hidden; position:relative;} #Content10 .org_width .top_a2 .ul_a::before, #Content10 .org_width .top_a2 .ul_a::after{ content: "";width: 25%; position: absolute; height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9; } #Content10 .org_width .top_a2 .ul_a::after{right:0!important; left:auto;} #Content10 .org_width .top_a2 .li_a{width:50%; border-top: 1px solid #afafaf;position: relative; text-align: center; float:left; } #Content10 .org_width .top_a2 .li_a::before{ position:absolute; left:50%; margin-left:-1px; top:0px; height:20px; width:1px; background:#afafaf;content:""; } #Content10 .org_width .top_a2 .li_a .h3_a{width:80px; height:80px; margin:20px auto; text-align:center; background:#104492; border-radius:50%; padding:20px 0; position:relative; color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block; } #Content10 .org_width .top_a2 .li_a .h3_a::after{position:absolute; left:50%; margin-left:-1px; bottom:-20px; height:20px; width:1px; background:#afafaf;content:""; } #Content10 .org_width .top_a2 .ul_b{display: inline-block;position: relative;} #Content10 .org_width .top_a2 .ul_b::before, #Content10 .org_width .top_a2 .ul_b::after{ content: "";width:50px; position: absolute; height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9; } #Content10 .org_width .top_a2 .ul_b::after{right:0!important; left:auto;} #Content10 .org_width .top_a2 .li_b{width:100px; border-top: 1px solid #afafaf;position: relative; text-align: center; float:left; padding:25px 27.5px 0; } #Content10 .org_width .top_a2 .li_b .span_a{background:#363e45; display:block; min-height:192px; width:45px; padding:15px;line-height:20px; font-size:16px; color:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content10 .org_width .top_a2 .li_b::before{ position:absolute; left:50%; margin-left:-1px; top:0; height:20px; width:1px; background:#afafaf;content:""; } #Content10 .org_width .top_a2 .li_b:hover .span_a{background:#104492;} @media screen and (max-width:1630px){ #Content10 .org_width{padding:90px 0 80px;} } @media screen and (max-width:1200px){ #Content10 .org_width{padding:70px 0 50px;} #Content10 .org_width .title .h3_a{font-size:26px; line-height:36px;} #Content10 .org_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;} #Content10 .org_width .org_pic{width:100%;} #Content10 .org_width .top_a2 .li_b{padding:25px 20px 0; width:86px;} #Content10 .org_width .top_a2 .ul_b::before, #Content10 .org_width .top_a2 .ul_b::after{width:43px;} } @media screen and (max-width:992px){ #Content10 .org_width{padding:50px 0 30px;} #Content10 .org_width .title .h3_a{font-size:24px; line-height:30px;} #Content10 .org_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;} #Content10 .org_width .title{margin-bottom:20px;} #Content10 .org_width .top_a1{width:100px; height:100px; padding:30px 0;} #Content10 .org_width .top_a2 .li_a .h3_a{width:70px; height:70px; padding:15px 0;} #Content10 .org_width .top_a2 .li_b{width:72px;} #Content10 .org_width .top_a2 .ul_b::before, #Content10 .org_width .top_a2 .ul_b::after{width:36px;} } @media screen and (max-width:768px){ #Content10 .org_width{padding:30px 0 30px;} #Content10 .org_width .title .h3_a{font-size:22px; line-height:28px;} #Content10 .org_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;} #Content10 .org_width .title .h4_a::after, #Content10 .org_width .title .h4_a::before{width:12px;} #Content10 .org_width .title{margin-bottom:20px;} #Content10 .org_width .top_a1{width:80px; height:80px; padding:20px 0; margin-top:20px;} #Content10 .org_width .top_a1 .b{font-size:14px;} #Content10 .org_width .top_a2 .li_a .h3_a{width:60px; height:60px; padding:10px 0; font-size:14px;} #Content10 .org_width .top_a2 .li_b{width:90%; border:none; padding:0 ; margin:0 auto 10px; min-height:auto;} #Content10 .org_width .top_a2 .li_b .span_a{width:100%; padding:8px;min-height:auto; font-size:14px;} #Content10 .org_width .top_a2 .ul_b::before, #Content10 .org_width .top_a2 .ul_b::after{width:36px;display:none;} #Content10 .org_width .top_a2 .li_b::before{display:none;} } /*产品中心*/ #List .pro_list{width:100%; display:block; float:left;} #List .pro_list .pro_left{width:21.754%; float:left;} #List .pro_list .pro_left .top_a{width:100%; background:url(../images/914_cp_bg1.png)no-repeat #104492; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #List .pro_list .bottom_a{dispaly:block; width:100%;} #List .pro_list .bottom_a .h4_a{display:none;} #List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #List .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #List .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #List .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;} #List .pro_list .pro_right{float:right; width:74%;} #List .pro_list .pro_right .pro_ul{width:100%; display:block;} #List .pro_list .pro_right .li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;} #List .pro_list .li_c:nth-child(3n){margin-right:0;} #List .pro_list .li_c a{width:100%; display:block;position:relative; padding:0 0 50px; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;} #List .pro_list .li_c .pic{display:block; overflow: hidden;} #List .pro_list .li_c img{display:block;transition:all 0.5s ease;} #List .pro_list .li_c .h4_b{display:block; padding:16px 20px 0; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; } #List .pro_list .li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center; display:block; width:100%;transition:all 0.5s ease; padding:0 20px;} #List .pro_list .li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease; } #List .pro_list .li_c:hover a{background:#363e45;} #List .pro_list .li_c:hover .h4_b, #List .pro_list .li_c:hover .p_b, #List .pro_list .li_c:hover .more{color:#ffffff;} #List .pro_list .li_c:hover .more{border:4px solid #104492; background:#104492;} #List .pro_list .li_c:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*分页*/ #List{ width: 100%; float: left;} #List .wack1{ text-align: center;} #List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;} #List .pz_fy a:hover, #List .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;} #List .pz_fy .l2{ width: 100px; height: 36px;} #List .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;} #List .pz_fy .r2{ width: 100px; height: 36px;} #List .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;} @media screen and (max-width:1023px){ #List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #List .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ #List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #List .pro_list .pro_left .top_a{display:none;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #List .pro_list .pro_left{width:100%; margin-bottom:15px;} #List .pro_list .pro_right{width:100%;} #List .pro_list .pro_right .li_c{width:48%;} #List .pro_list .li_c:nth-child(3n){margin-right:4%;} #List .pro_list .li_c:nth-child(2n){margin-right:0;} #List .pro_list .li_c:nth-child(9){display:none;} } @media screen and (max-width:768px){ #List .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #List .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #List .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #List .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #List .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #List .pro_list .bottom_a .li_a .li_b a{font-size:12px;} #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #List .pro_list .li_c .h4_b{line-height:28px; padding-top:10px; font-size:16px;} #List .pro_list .li_c a{padding:0 0 32px;} #List .pro_list .li_c .more{width:50px; height:50px; margin-left:-25px; } } /*产品详情页*/ /*产品中心*/ #Subpage .pro_list{width:100%; display:block; float:left;} #Subpage .pro_list .pro_left{width:21.754%; float:left;} #Subpage .pro_list .pro_left .top_a{width:100%; background:url(../images/915_cp_bg1.png)no-repeat #104492; border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px; } #Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;} #Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;} #Subpage .pro_list .bottom_a{dispaly:block; width:100%;} #Subpage .pro_list .bottom_a .h4_a{display:none;} #Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; } #Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; position:relative; font-size:18px; color:#ffffff; cursor: pointer; } #Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute; left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff; border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px; border:1px solid #dadada; border-top:none; border-bottom:none; } #Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;} #Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; color:#333333; font-size:16px; } #Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;} #Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;} #Subpage .pro_list .pro_right{float:right; width:74%;} #Subpage .pro_pic{width:100%; display:block;} #Subpage .pro_pic .top_c{text-align:center;} #Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;} #Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;} #Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;} #Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;} #Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;} #Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; border-top:1px dashed #b2b2b2; margin:26px 0 20px; } #Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;} #Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;} #Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; } #Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(../images/915_share_wx.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(../images/915_share_qq.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(../images/915_share_kj.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(../images/915_share_wb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(../images/915_share_txwb.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(../images/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;} #Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;} #Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;} #Subpage .pro_pic .fy_xq .left{float:left; text-align:left;} #Subpage .pro_pic .fy_xq .right{text-align:right; float:right;} #Subpage .pro_pic .fy_xq a:hover{color:#104492;} #Subpage .pro_pic .caseConAl{padding-top:20px;} #Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;} #Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;} #Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;} #Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/915_fh.png) no-repeat left center;} #Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;} #Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;} #Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; } #Subpage .pro_pic .list .slick-list{position: relative;} #Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;} #Subpage .pro_pic .list .slick-slide:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); } #Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#104492;} #Subpage .pro_pic .list .slick-prev, #Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;} #Subpage .pro_pic .list .slick-prev{background:url(../images/915_left_a1.png)no-repeat #f0f0f0; background-size:100% 100%; left:0;} #Subpage .pro_pic .list .slick-next{background:url(../images/915_right_a1.png)no-repeat #f0f0f0; background-size:100% 100%; right:0;} #Subpage .pro_pic .list .slick-prev:hover{background:url(../images/915_left_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .slick-next:hover{background:url(../images/915_right_b1.png)no-repeat rgba(16,68,146,0.6); background-size:100% 100%;} #Subpage .pro_pic .list .pic{width:100%; overflow: hidden;} #Subpage .pro_pic .list .pic img{display:block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic; } #Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; display:block; text-align:center;} #Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;} @media screen and (max-width:1630px){ #Subpage .pro_pic .list{margin:0 -5px;} #Subpage .pro_pic .list .slick-slide{margin-right:20px;} #Subpage .pro_pic .list .list_ul{padding:0 50px; } } @media screen and (max-width:1200px){ #Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;} #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;} } @media screen and (max-width:992px){ #Subpage .pro_list .pro_left .top_a{display:none;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;} #Subpage .pro_list .pro_left{width:100%; margin-bottom:15px;} #Subpage .pro_list .pro_right{width:100%;} #Subpage .pro_pic .fx_xq{display:none;} #Subpage .pro_pic .h4_title{font-size:20px;} } @media screen and (max-width:768px){ #Subpage .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;} #Subpage .pro_list .bottom_a .li_a .h5_a .b{left:12px;} #Subpage .pro_list .bottom_a .li_a .ul_a{padding:0 10px;} #Subpage .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;} #Subpage .pro_list .bottom_a .li_a .li_b{padding:10px 0;} #Subpage .pro_list .bottom_a .li_a .li_b a{font-size:12px;} #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;} #Subpage .pro_pic .text{line-height:24px; } #Subpage .pro_pic .h4_title{font-size:18px; line-height:24px;} #Subpage .pro_pic .pro_span{text-align:center; line-height:22px; padding-top:5px;} #Subpage .pro_pic .text{margin:18px 0 10px; padding:15px 0;} #Subpage .pro_pic .fy_xq a{width:100%; display:block; margin:5px 0;} #Subpage .pro_pic .fy_xq .right{text-align:left; float:left; } #Subpage .pro_pic .caseConAl .tit .t1{font-size:18px; line-height:20px;} #Subpage .pro_pic .caseConAl .tit .t1::before{width:70px;} #Subpage .pro_pic .list .slick-slide{margin-right:0;} #Subpage .pro_pic .list .list_ul{padding:0 40px;} #Subpage .pro_pic .list .h4_b{padding:10px 10px;} #Subpage .pro_pic .list .h4_b a{font-size:14px; line-height:22px;} } /* 4工程案例 */ #List2 .caseList .u1{width:102%; margin: 0 -1%;} #List2 .caseList .l1{float:left; width:31.3%; margin: 15px 1%; background:#ffffff;} #List2 .caseList .l1 a{display:block; width:100%; height:100%;} #List2 .caseList .l1 .pic{position:relative; } #List2 .caseList .l1 img{display:block;} #List2 .caseList .l1 .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #List2 .caseList .l1 .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center; } #List2 .caseList .l1 .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; background: #f3f3f3; color:#333333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List2 .caseList .l1:hover .mor{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #List2 .caseList .l1:hover .text{background:#104492; color:#ffffff;} @media screen and (max-width:1023px){ #List2 .caseList .l1{ width: 48%; margin: 5px 1%;} #List2 .caseList .l1 .text{line-height:44px; height:44px; font-size:14px;} #List2 .caseList .l1 .i{width:46px; height:46px; line-height:46px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 页码 */ #Pagination{ width: 100%; float: left;} #Pagination .wack1{ text-align: center;} #Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #Pagination .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;} #Pagination .pz_fy a:hover, #Pagination .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;} #Pagination .pz_fy .l2{ width: 100px; height: 36px;} #Pagination .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;} #Pagination .pz_fy .r2{ width: 100px; height: 36px;} #Pagination .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;} @media screen and (max-width:1023px){ #Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;} #Pagination .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 5案例详情 */ #Subpage2{ width: 100%; float: left;} #Subpage2 .caseCon .title{ font-size: 30px; line-height: 32px; color: #333; text-align: center;} #Subpage2 .caseCon .time{ width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center;} #Subpage2 .caseCon .time .fbt{ display: inline-block;} #Subpage2 .caseCon .time .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;} #Subpage2 .caseCon .time .wz{ float: left; margin-right: 20px;} #Subpage2 .caseCon .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;} #Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0;} #Subpage2 .caseCon .nyfx .p{ float: left;} #Subpage2 .caseCon .bdsharebuttonbox{ display: inline-block;} #Subpage2 .caseCon .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1){ background: url(../images/918_fx1.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2){ background: url(../images/918_fx2.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3){ background: url(../images/918_fx3.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4){ background: url(../images/918_fx4.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5){ background: url(../images/918_fx5.png) no-repeat center;} #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6){ background: url(../images/918_fx6.png) no-repeat center;} #Subpage2 .caseCon .home_res11{ float: left; width: 100%;} #Subpage2 .caseCon .slick_res1l{ float: left; width: 74.3%;} #Subpage2 .caseCon .home_res12{ float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative;} #Subpage2 .caseCon .home_res12 .imgk{ line-height: 0; margin-bottom: 20px; border: 0;} #Subpage2 .caseCon .home_res12 .imgk:hover,#Subpage2 .caseCon .home_res12 .slick-current .imgk{ border: 4px solid #104492;} #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9;} #Subpage2 .caseCon .home_res12 .slick-prev{ left: auto; right: 160px; background-color: #e7e7e7;} #Subpage2 .caseCon .home_res12 .slick-prev::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(-45deg);} #Subpage2 .caseCon .home_res12 .slick-next{ left: auto; right: 0; background-color: #e7e7e7;} #Subpage2 .caseCon .home_res12 .slick-next::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(135deg);} #Subpage2 .caseCon .home_res12 .slick-prev:hover{ background: #104492;} #Subpage2 .caseCon .home_res12 .slick-prev:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;} #Subpage2 .caseCon .home_res12 .slick-next:hover{ background: #104492;} #Subpage2 .caseCon .home_res12 .slick-next:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;} #Subpage2 .caseCon .caseConJs{ margin: 60px 0;} #Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 15px;} #Subpage2 .caseCon .caseConJs .tit span{ font-size: 24px; padding-right: 20px; background: #fff;} #Subpage2 .caseCon .caseConJs .info{ font-size: 16px; margin-top: 40px; line-height: 30px; color: #555;} #Subpage2 .caseCon .caseConAl .tit{ width: 100%; overflow: hidden;} #Subpage2 .caseCon .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;} #Subpage2 .caseCon .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;} #Subpage2 .caseCon .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/918_fh.png) no-repeat left center;} #Subpage2 .caseCon .caseConAl .tit .fh:hover{ text-decoration: underline;} #Subpage2 .caseCon .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage2 .caseCon .caseConAl .tab{ margin: 30px -15px 0 -15px; position: relative;} #Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 15px;} #Subpage2 .caseCon .caseConAl .tab .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage2 .caseCon .caseConAl .tab .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Subpage2 .caseCon .caseConAl .tab .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Subpage2 .caseCon .caseConAl .tab .t1{ font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden;} #Subpage2 .caseCon .caseConAl .tab .pic:hover .t1{ color: #104492;} #Subpage2 .caseCon .caseConAl .slick-prev{ display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;} #Subpage2 .caseCon .caseConAl .slick-prev:hover{ background: url(../images/918_casecon8_1.png) no-repeat center; background-color: #b7c7de;} #Subpage2 .caseCon .caseConAl .slick-next{ display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;} #Subpage2 .caseCon .caseConAl .slick-next:hover{ background: url(../images/918_casecon9_1.png) no-repeat center; background-color: #b7c7de;} @media screen and (max-width:1200px){ #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100px; height: 23px;} #Subpage2 .caseCon .home_res12 .slick-prev{ right: 130px;} } @media screen and (max-width:1023px){ #Subpage2 .caseCon .title{ font-size: 16px; line-height: 18px;} #Subpage2 .caseCon .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;} #Subpage2 .caseCon .time .ico{ margin: 0 3px 0 0;} #Subpage2 .caseCon .time .wz{ margin-right: 5px;} #Subpage2 .caseCon .home_res12 .imgk{ margin-bottom: 10px;} #Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100%; height: 16px;} #Subpage2 .caseCon .home_res12 .slick-prev{ right: 0; top: -32px;} #Subpage2 .caseCon .home_res12 .slick-next{ right: 0; top: -14px;} #Subpage2 .caseCon .home_res12 .slick-prev::before{ top: 7px;} #Subpage2 .caseCon .home_res12 .slick-next::before{ top: 0;} #Subpage2 .caseCon .caseConJs{ margin: 15px 0;} #Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 8px;} #Subpage2 .caseCon .caseConJs .tit span{ font-size: 16px; padding-right: 10px;} #Subpage2 .caseCon .caseConJs .info{ font-size: 14px; margin-top: 10px; line-height: 24px;} #Subpage2 .caseCon .caseConAl .tit .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage2 .caseCon .caseConAl .tit .t1::before{ width: 65px;} #Subpage2 .caseCon .caseConAl .tit .fh{ font-size: 14px; padding-left: 25px;} #Subpage2 .caseCon .caseConAl .tab{ margin: 10px -5px 0 -5px;} #Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 5px;} #Subpage2 .caseCon .caseConAl .tab .t1{ font: 16px; height: 30px; line-height: 30px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 6新闻列表 */ #List3{ width: 100%; float: left;} #List3 .newsList .l1{ padding: 30px 0; width: 100%; border-bottom: 1px solid #ededed; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .newsList .l1 .img{ float: left; width: 21.15%; line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .newsList .l1 .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List3 .newsList .l1 .text{ float: left; border-right: 1px solid #ededed; width: 65%; padding: 30px 55px 25px 40px;} #List3 .newsList .l1 .text .tit{ font-size: 20px; margin-bottom: 20px; line-height: 20px; height: 20px; overflow: hidden; color: #4f4b4c;} #List3 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #656262;} #List3 .newsList .l1 .date{ float: left; width: 13.85%; font-family: "Arial"; padding: 45px 0 0 40px;} #List3 .newsList .l1 .date .date_r{ font-size: 28px; line-height: 28px; color: #888;} #List3 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 16px; margin: 10px 0 20px 0; color: #888;} #List3 .newsList .l1 .date .ico{ font-size: 34px; height: 14px; line-height: 14px; font-weight: lighter; color: #888;} #List3 .newsList .l1:hover{ padding-left: 2%;} #List3 .newsList .l1:hover .text .tit{ text-decoration: underline; color: #104492;} #List3 .newsList .l1:hover .date{ width: 9.35%;} #List3 .newsList .l1:hover .text{ width: 68.5%;} #List3 .newsList .l1:hover .date .ico{ color: #104492;} @media screen and (max-width:1023px){ #List3 .newsList .l1{ padding: 10px 0;} #List3 .newsList .l1 .img{ width: 26.15%;} #List3 .newsList .l1 .text{ width: 55%; padding: 0 10px 5px 10px;} #List3 .newsList .l1 .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;} #List3 .newsList .l1 .text .info{ line-height: 16px; height: 32px;} #List3 .newsList .l1 .date{ width: 18.85%; padding: 5px 0 0 8px;} #List3 .newsList .l1 .date .date_r{ font-size: 16px; line-height: 16px;} #List3 .newsList .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin: 5px 0 8px 0;} #List3 .newsList .l1 .date .ico{ width: 24px; height: 12px; font-size: 22px;} #List3 .newsList .l1:hover .text{ width: 58.5%;} #List3 .newsList .l1:hover .date{ width: 13.35%;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 7新闻详情 */ #Subpage3{ width: 100%; float: left;} #Subpage3 .newsCon{ width: 100%; float: left;} #Subpage3 .newsConLeft{ float: left; width: 68.2%;} #Subpage3 .newsConLeft .tit{ font-size: 30px; line-height: 32px; color: #333;} #Subpage3 .newsConLeft .time{ width: 100%; overflow: hidden; line-height: 18px; font-size: 14px; margin: 15px 0 18px 0; color: #888888;} #Subpage3 .newsConLeft .time .ico{ display: block; float: left; width: 18px; height: 18px; margin-right: 8px;} #Subpage3 .newsConLeft .time .wz{ float: left; margin-right: 20px;} #Subpage3 .newsConLeft .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;} #Subpage3 .newsConLeft .info{ font-size: 14px; line-height: 30px; margin: 30px 0 40px 0; color: #666;} #Subpage3 .newsConLeft .zan{ display: block; margin: 0 auto; width: 62px; height: 62px; border-radius: 50%; text-align: center; border: 1px solid #104492;} #Subpage3 .newsConLeft .zan:hover{transform: translateY(-10px)} #Subpage3 .newsConLeft .zan .ico{ width: 26px; height: 26px; margin: 8px auto 4px auto; line-height: 0;} #Subpage3 .newsConLeft .zan .ico I{ font-size: 26px; line-height: 26px; color: #104492;} #Subpage3 .newsConLeft .zan .wz{ font-size: 12px; color: #104492;} #Subpage3 .newsConLeft .nyfx{ text-align: center; margin: 30px 0 15px 0;} #Subpage3 .newsConLeft .bdsharebuttonbox{ display: inline-block;} #Subpage3 .newsConLeft .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(1){ background: url(../images/920_fx1.png) no-repeat center;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(2){ background: url(../images/920_fx2.png) no-repeat center;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(3){ background: url(../images/920_fx3.png) no-repeat center;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(4){ background: url(../images/920_fx4.png) no-repeat center;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(5){ background: url(../images/920_fx5.png) no-repeat center;} #Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(6){ background: url(../images/920_fx6.png) no-repeat center;} #Subpage3 .newsConLeft .sx_fy{ float: left; width: 100%; font-size: 14px; line-height: 16px; padding: 20px 0 70px 0; border-top: 1px dashed #cccccc;} #Subpage3 .newsConLeft .sx_fy a{ color: #333;} #Subpage3 .newsConLeft .sx_fy a:hover{ color: #104492;} #Subpage3 .newsConLeft .sx_fy .l_fy{ width: 50%; float: left;} #Subpage3 .newsConLeft .sx_fy .r_fy{ width: 50%; float: right; text-align: right;} #Subpage3 .newsConLeft .newsXg .title{ width: 100%; overflow: hidden;} #Subpage3 .newsConLeft .newsXg .title .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;} #Subpage3 .newsConLeft .newsXg .title .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;} #Subpage3 .newsConLeft .newsXg .title .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/920_fh.png) no-repeat left center;} #Subpage3 .newsConLeft .newsXg .title .fh:hover{ text-decoration: underline;} #Subpage3 .newsConLeft .newsXg .title .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;} #Subpage3 .newsConLeft .newsXg .u1{ overflow: hidden; width: 102%; margin: 10px -1% 0 -1%;} #Subpage3 .newsConLeft .newsXg .u1 .l1{ float: left; overflow: hidden; width: 48%; line-height: 18px; padding: 15px 0; overflow: hidden; margin: 0 1%; border-bottom: 1px dotted #cccccc;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ width: 100%; float: left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333333;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ width: 20%; float: right; text-align: right; font-size: 16px; color: #777777;} #Subpage3 .newsConLeft .newsXg .u1 .l1:hover .tit{ color: #104492;} #Subpage3 .newsConRight{ float: right; width: 29%;} #Subpage3 .newsConRight .pic .slick-dots{ position: absolute; bottom: 10px; z-index: 10; height: 10px; text-align: center;} #Subpage3 .newsConRight .pic .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #b5c1d6; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;} #Subpage3 .newsConRight .pic .slick-dots .slick-active{ background: #104492;} #Subpage3 .newsConRight .pic .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage3 .newsConRight .pic .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Subpage3 .newsConRight .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Subpage3 .newsConRight .tab{ margin: 20px 0; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0 5px 5px -5px #ccc; overflow: hidden;} #Subpage3 .newsConRight .tab .hd{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;} #Subpage3 .newsConRight .tab .hd .l1{ float: left; width: 50%; font-size: 18px; height: 50px; line-height: 50px; cursor: pointer; color: #333; text-align: center;} #Subpage3 .newsConRight .tab .hd .l1.on{ color: #fff; background: #104492;} #Subpage3 .newsConRight .tab .bd{ padding: 0 0 30px 0;} #Subpage3 .newsConRight .tab .bd .l1{ padding: 20px 20px 0 20px;} #Subpage3 .newsConRight .tab .bd .l1:hover{ background: #fafafa;} #Subpage3 .newsConRight .tab .bd .tit{ font-size: 16px; line-height: 18px; color: #333;} #Subpage3 .newsConRight .tab .bd .time{ width: 100%; overflow: hidden; line-height: 14px; font-size: 14px; margin: 15px 0 0 0; color: #888888;} #Subpage3 .newsConRight .tab .bd .time .ico{ display: block; float: left; width: 14px; height: 14px; margin-right: 8px;} #Subpage3 .newsConRight .tab .bd .time .wz{ float: left; margin-right: 20px;} #Subpage3 .newsConRight .tab .bd .l1 .xian{ width: 98%; margin: 0 1%; height: 1px; margin-top: 20px; background: #f1f3f4;} #Subpage3 .newsConRight .mess{ padding: 20px 30px; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0px 5px 5px -5px #ccc;} #Subpage3 .newsConRight .mess .tit{ font-size: 18px; margin-bottom: 20px; color: #104492;} #Subpage3 .newsConRight .mess .li_1{width: 100%; margin-bottom:10px; float:left; background:#efefef; padding:13px; line-height:28px; position:relative;} #Subpage3 .newsConRight .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;font-size:14px;} #Subpage3 .newsConRight .mess .input_1{width:40%;} #Subpage3 .newsConRight .mess .input_2{width:50%;} #Subpage3 .newsConRight .mess .i{ font-size:16px; color:#666666; line-height:28px;} #Subpage3 .newsConRight .mess .b{color:#104492; font-size:16px;} #Subpage3 .newsConRight .mess .li_2{width:100%; float:left;} #Subpage3 .newsConRight .mess .li_3{margin-right:0;} #Subpage3 .newsConRight .mess .li_4{background:#104492;} #Subpage3 .newsConRight .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Subpage3 .newsConRight .mess .ri{width: 100%; margin-top: 10px;} #Subpage3 .newsConRight .mess .demo--label{float:left; margin:0 30px 0 5px; font-size:16px; color:#666666;} #Subpage3 .newsConRight .mess .demo--radio{display:none; } #Subpage3 .newsConRight .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Subpage3 .newsConRight .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;} #Subpage3 .newsConRight .mess .span_d{float:right; position:absolute; right:13px; top:16px;} #Subpage3 .newsConRight .mess .span_d img{display:block; height:26px;} #Subpage3 .newsConRight .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Subpage3 .newsConRight .mess .pointa:hover .navbtna, #Subpage3 .newsConRight .mess .pointa:hover .navbtna::after, #Subpage3 .newsConRight .mess .pointa:hover .navbtna::before { width: 22px; } #Subpage3 .newsConRight .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Subpage3 .newsConRight .mess .pointa .navbtna::after, #Subpage3 .newsConRight .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Subpage3 .newsConRight .mess .pointa .navbtna::after { top:-8px; } #Subpage3 .newsConRight .mess .pointa .navbtna::before { top:8px; } #Subpage3 .newsConRight .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Subpage3 .newsConRight .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} @media screen and (max-width:1023px){ #Subpage3 .newsConLeft{ width: 100%;} #Subpage3 .newsConLeft .tit{ font-size: 16px; line-height: 18px;} #Subpage3 .newsConLeft .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;} #Subpage3 .newsConLeft .time .ico{ width: 16px; height: 16px; margin-right: 3px;} #Subpage3 .newsConLeft .time .wz{ margin-right: 5px;} #Subpage3 .newsConLeft .info{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;} #Subpage3 .newsConLeft .sx_fy{ font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; margin-top: 10px;} #Subpage3 .newsConLeft .sx_fy .l_fy{ width: 100%;} #Subpage3 .newsConLeft .sx_fy .r_fy{ width: 100%; text-align: left;} #Subpage3 .newsConLeft .newsXg .title .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage3 .newsConLeft .newsXg .title .t1::before{ width: 65px;} #Subpage3 .newsConLeft .newsXg .title .fh{ font-size: 14px; padding-left: 25px;} #Subpage3 .newsConLeft .newsXg .u1{ width: 100%; margin: 10px 0 0 0;} #Subpage3 .newsConLeft .newsXg .u1 .l1{ width: 100%; line-height: 18px; padding: 5px 0; margin: 0;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ font-size: 12px; line-height: 18px; height: 18px;} #Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ font-size: 12px;} #Subpage3 .newsConRight{ width: 100%; margin-top: 15px;} #Subpage3 .newsConRight .tab{ margin: 10px 0; border-radius: 5px;} #Subpage3 .newsConRight .tab .hd .l1{ font-size: 16px; height: 30px; line-height: 30px;} #Subpage3 .newsConRight .tab .bd{ padding: 0 0 10px 0;} #Subpage3 .newsConRight .tab .bd .l1{ padding: 10px 10px 0 10px;} #Subpage3 .newsConRight .tab .bd .tit{ font-size: 14px; line-height: 16px;} #Subpage3 .newsConRight .tab .bd .time{ line-height: 14px; font-size: 14px; margin: 10px 0 0 0;} #Subpage3 .newsConRight .tab .bd .time .wz{ margin-right: 5px;} #Subpage3 .newsConRight .tab .bd .l1 .xian{ margin-top: 10px;} #Subpage3 .newsConRight .mess{ padding: 10px 15px; border-radius: 5px;} #Subpage3 .newsConRight .mess .tit{ font-size: 16px; margin-bottom: 10px;} #Subpage3 .newsConRight .mess .mess_width{width:90%; top:10%;} #Subpage3 .newsConRight .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Subpage3 .newsConRight .mess .pointa{right:12px; top:10px;} #Subpage3 .newsConRight .mess .form_width{border-radius: 0 0 15px 15px;} #Subpage3 .newsConRight .mess .h4_1{font-size:12px; padding-bottom:15px;} #Subpage3 .newsConRight .mess .li_2{width:100%;} #Subpage3 .newsConRight .mess .li_1{padding:10px 15px; line-height:24px;} #Subpage3 .newsConRight .mess .i{line-height:24px; font-size:14px;} #Subpage3 .newsConRight .mess .input{line-height:24px; height:24px;font-size:12px;} #Subpage3 .newsConRight .mess .li_11 .input{width:60%;} #Subpage3 .newsConRight .mess .ri{margin-top: 5px;} #Subpage3 .newsConRight .mess .demo--label{font-size:14px;} #Subpage3 .newsConRight .mess .span_d{/*width:70px;*/ right:10px; top:10px;} #Subpage3 .newsConRight .mess .tj{font-size:15px;} #Subpage3 .newsConRight .mess .li_4{padding:8px 10px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 8常见问题 */ #List4{ width: 100%; float: left;} #List4 .qustList .l1{ margin: 20px 0;} #List4 .qustList .l1 .ico{ font-size: 12px; width: 26px; margin: 0 0 0 20px; height: 26px; line-height: 26px; font-family: "Tahoma"; text-align: center; float: left; color: #fff;} #List4 .qustList .l1 .tit{ font-size: 16px; color: #333; line-height: 26px; padding: 15px 20px 15px 0; background: #f4f4f4; position: relative; cursor: pointer;} #List4 .qustList .l1 .tit .ico{ background: #8f9499;} #List4 .qustList .l1 .tit .t1{ padding: 0 20px 0 60px;} #List4 .qustList .l1 .tit .more{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #104492; font-family: "宋体";} #List4 .qustList .l1 .tit.on{ background: #104492; color: #fff;} #List4 .qustList .l1 .tit.on .ico{ background:rgba(255,255,255,0.2);} #List4 .qustList .l1 .tit.on .more{ color: #fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} #List4 .qustList .l1 .box{ display: none; background: #f4f4f4; padding: 15px 20px 15px 0;} #List4 .qustList .l1 .box .ico{ background: #104492;} #List4 .qustList .l1 .box .info{ font-size: 14px; line-height: 26px; color: #104492; padding: 0 20px 0 60px;} @media screen and (max-width:1023px){ #List4 .qustList .l1{ margin: 10px 0;} #List4 .qustList .l1 .tit{ font-size: 14px;} #List4 .qustList .l1 .box .info{ font-size: 12px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #List4 .qustList .l1 .tit .t1{padding:0 20px 0 20px;} } /* 10人才招聘 */ #Content11{ width: 100%; float: left;} #Content11 .joinList .u1{ border-top: 1px solid #e3e3e3;} #Content11 .joinList .l1{ border-bottom: 1px solid #e3e3e3;} #Content11 .joinList .l1 .tit{ padding: 25px 105px 25px 20px; cursor: pointer; position: relative;} #Content11 .joinList .l1 .tit .t1{ color: #242424; font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: bold;} #Content11 .joinList .l1 .tit .t2{ color: #5c5c5c; font-size: 16px; line-height: 16px;} #Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 70px;} #Content11 .joinList .l1 .tit .t3{ position: absolute; right: 40px; top: 25px; width: 65px; height: 48px; line-height: 48px; border-left: 1px solid #dddddd; font-size: 34px; font-weight: lighter; text-align: right; color: #dddddd;} #Content11 .joinList .l1.on{ background: #f4f4f4;} #Content11 .joinList .l1.on .tit .t3{ color: #104492;} #Content11 .joinList .l1 .box{ display: none; padding: 25px 20px 45px 20px;} #Content11 .joinList .l1 .box .p1{ display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 30px; color: #fff; background: #104492;} #Content11 .joinList .l1 .box .p2{ color: #565656; font-size: 12px; line-height: 24px; margin: 20px 0 30px 0;} #Content11 .joinList .l1 .box .email{ font-size: 12px; color: #565656;} #Content11 .joinList .l1 .box .email .col{ font-size: 14px; margin: 0 5px; color: #104492; font-weight: bold;} @media screen and (max-width:1023px){ #Content11 .joinList .l1 .tit{ padding: 10px 25px 10px 5px;} #Content11 .joinList .l1 .tit .t1{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #Content11 .joinList .l1 .tit .t2{ font-size: 14px; line-height: 14px;} #Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 5px;} #Content11 .joinList .l1 .tit .t3{ right: 5px; top: 10px; width: 20px; height: 40px; line-height: 40px; font-size: 22px;} #Content11 .joinList .l1 .box{ padding: 10px 5px 15px 5px;} #Content11 .joinList .l1 .box .p1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 10px;} #Content11 .joinList .l1 .box .p2{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 11在线留言 */ #Content12{ width: 100%; float: left;} #Content12 .messCon .text{ float: left; width: 48%;} #Content12 .messCon .text .tit{ font-size: 36px; line-height: 38px; margin: 45px 0; color: #242424;} #Content12 .messCon .text .info{ font-size: 16px; line-height: 36px; color: #666;} #Content12 .messCon .mess{ float: right; width: 48%; padding: 40px; background: #f2f2f2;} #Content12 .messCon .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;} #Content12 .messCon .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;} #Content12 .messCon .mess .form_width{ border-radius:0 0 20px 20px;} #Content12 .messCon .mess .li_1{width:100%; margin-bottom:10px; float:left; background:#ffffff; padding:13px 24px; line-height:28px; position:relative;} #Content12 .messCon .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;} #Content12 .messCon .mess .input_1{width:40%;} #Content12 .messCon .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Content12 .messCon .mess .b{color:#104492; font-size:16px;} #Content12 .messCon .mess .li_2{width:49%; margin-right:2%; float:left;} #Content12 .messCon .mess .li_3{margin-right:0;} #Content12 .messCon .mess .li_4{background:#104492;} #Content12 .messCon .mess .li_4:hover{ opacity: 0.8;} #Content12 .messCon .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Content12 .messCon .mess .ri{padding-left:100px;} #Content12 .messCon .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Content12 .messCon .mess .demo--radio{display:none; } #Content12 .messCon .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Content12 .messCon .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Content12 .messCon .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Content12 .messCon .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;} #Content12 .messCon .mess .span_d{float:right; position:absolute; right:24px; top:13px;} #Content12 .messCon .mess .span_d img{display:block;} #Content12 .messCon .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Content12 .messCon .mess .pointa:hover .navbtna, #Content12 .messCon .mess .pointa:hover .navbtna::after, #Content12 .messCon .mess .pointa:hover .navbtna::before { width: 22px; } #Content12 .messCon .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Content12 .messCon .mess .pointa .navbtna::after, #Content12 .messCon .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Content12 .messCon .mess .pointa .navbtna::after { top:-8px; } #Content12 .messCon .mess .pointa .navbtna::before { top:8px; } #Content12 .messCon .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content12 .messCon .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} @media screen and (max-width:1023px){ #Content12 .messCon .text{ width: 100%; margin-bottom: 15px;} #Content12 .messCon .text .tit{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0;} #Content12 .messCon .text .info{ font-size: 14px; line-height: 24px;} #Content12 .messCon .mess{ width: 100%; padding: 10px;} #Content12 .messCon .mess .t1{ font-size: 16px; line-height: 16px;} #Content12 .messCon .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;} #Content12 .messCon .mess .mess_width{width:90%; top:10%;} #Content12 .messCon .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Content12 .messCon .mess .pointa{right:12px; top:10px;} #Content12 .messCon .mess .form_width{border-radius: 0 0 15px 15px;} #Content12 .messCon .mess .li_2{width:100%;} #Content12 .messCon .mess .li_1{padding:10px 15px; line-height:24px;} #Content12 .messCon .mess .i{line-height:24px; font-size:14px;} #Content12 .messCon .mess .input{line-height:24px; height:24px; font-size:12px;} #Content12 .messCon .mess .li_11 .input{width:60%;} #Content12 .messCon .mess .demo--label{font-size:14px;} #Content12 .messCon .mess .span_d{width:70px; right:10px; top:10px;} #Content12 .messCon .mess .tj{font-size:15px;} #Content12 .messCon .mess .li_4{padding:8px 10px;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 12证书 */ #List5{ width: 100%; float: left;} #List5 .certList .u1{ width: 102%; margin: 0 -1%; overflow: hidden;} #List5 .certList .l1{ float: left; width: 31.3%; margin: 15px 1%; box-shadow: 0 0 5px #ccc; position: relative;} #List5 .certList .l1 .img{ line-height: 0; margin: 20px 0;} #List5 .certList .l1 .bg{ display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(16,68,146,0.8);} #List5 .certList .l1 i{ width: 60px; height: 60px; background:url(../images/924_cert2.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; left: -60px; margin-left: -30px; margin-top: -30px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List5 .certList .l1 em{ width: 60px; height: 60px; background:url(../images/924_cert3.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; right: -60px; margin-top: -30px; margin-right: -30px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #List5 .certList .l1 .t1{ width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: center; margin-bottom: 30px; padding:0 5px;} #List5 .certList .l1 .t2{ display: none; width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; position: absolute; bottom: 30px; padding:0 5px;} #List5 .certList .l1:hover .bg{ display: block;} #List5 .certList .l1:hover em{ right: 50%; z-index: 1;} #List5 .certList .l1:hover i{ display: block; left: 50%; z-index: 1;} #List5 .certList .l1:hover .t1{ color: #fff;} #List5 .certList .l1:hover .t2{ display: block;} #List5 .imgPop{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; z-index: 99; display: none;} #List5 .imgPop2{ background:#fff; min-height: 100px; width:40%; left:30%; padding:10px; position: absolute; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #List5 .imgPop2 .img{ display:block;width: 100%;} #List5 .imgPop2 .clo{ width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(../images/924_close.png) no-repeat center; background-size: cover;} @media screen and (max-width:1023px){ #List5 .certList .l1{ width: 48%; margin: 5px 1%;} #List5 .certList .l1 .img{ margin: 5px 0;} #List5 .certList .l1 i{ width: 40px; height: 40px; left: -40px; margin-left: -20px; margin-top: -20px;} #List5 .certList .l1 em{ width: 40px; height: 40px; right: -40px; margin-top: -20px; margin-right: -20px;} #List5 .certList .l1 .t1{ font-size: 14px; height: 16px; line-height: 16px; margin-bottom: 10px;} #List5 .certList .l1 .t2{ font-size: 14px; height: 16px; line-height: 16px; bottom: 10px;} #List5 .imgPop2{ width:80%; left: 10%;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 9联系我们 */ #Content13{ width: 100%; float: left;} #Content13 .contCon .conLeft{ width: 48%; float: left;} #Content13 .contCon .conLeft .bdmap{ border: 1px solid #e5e5e5; height: 310px; margin-bottom: 20px;} #Content13 .contCon .conLeft .bdmap img{ max-width:none;} #Content13 .contCon .conLeft .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;} #Content13 .contCon .conLeft .bdmap .BMap_pop{ float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0; left: 40px!important; top: 150px!important;} #Content13 .contCon .conLeft .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop .BMap_top{display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(8){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(7){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(3){display:none;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(5){display:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_bottom{display:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(2){background:none !important;} #Content13 .contCon .conLeft .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9), #Content13 .contCon .conLeft .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;} #Content13 .contCon .conLeft .bdmap .BMap_pop img:nth-child(10){display:none;} #Content13 .contCon .conLeft .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;} #Content13 .contCon .conLeft .mess{ padding: 40px; background: #f2f2f2;} #Content13 .contCon .conLeft .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;} #Content13 .contCon .conLeft .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;} #Content13 .contCon .conLeft .mess .form_width{ border-radius:0 0 20px 20px;} #Content13 .contCon .conLeft .mess .li_1{width:100%; margin-bottom:10px; float:left; background:#ffffff; padding:13px 11px; line-height:28px; position:relative;} #Content13 .contCon .conLeft .mess .input{background:none; border:none; padding:0 5px; outline: none; width:70%; height:28px; line-height:28px; font-size:14px;} #Content13 .contCon .conLeft .mess .input_1{width:40%;} #Content13 .contCon .conLeft .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;} #Content13 .contCon .conLeft .mess .b{color:#104492; font-size:16px;} #Content13 .contCon .conLeft .mess .li_2{width:49%; margin-right:2%; float:left;} #Content13 .contCon .conLeft .mess .li_3{margin-right:0;} #Content13 .contCon .conLeft .mess .li_4{background:#104492;} #Content13 .contCon .conLeft .mess .li_4:hover{ opacity: 0.8;} #Content13 .contCon .conLeft .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;} #Content13 .contCon .conLeft .mess .ri{padding-left:100px;} #Content13 .contCon .conLeft .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;} #Content13 .contCon .conLeft .mess .demo--radio{display:none; } #Content13 .contCon .conLeft .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;} #Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;} #Content13 .contCon .conLeft .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0} #Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;} #Content13 .contCon .conLeft .mess .span_d{float:right; position:absolute; right:0; top:13px;} #Content13 .contCon .conLeft .mess .span_d img{display:block;} #Content13 .contCon .conLeft .mess .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer; } #Content13 .contCon .conLeft .mess .pointa:hover .navbtna, #Content13 .contCon .conLeft .mess .pointa:hover .navbtna::after, #Content13 .contCon .conLeft .mess .pointa:hover .navbtna::before { width: 22px; } #Content13 .contCon .conLeft .mess .pointa .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); background: transparent; } #Content13 .contCon .conLeft .mess .pointa .navbtna::after, #Content13 .contCon .conLeft .mess .pointa .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); } #Content13 .contCon .conLeft .mess .pointa .navbtna::after { top:-8px; } #Content13 .contCon .conLeft .mess .pointa .navbtna::before { top:8px; } #Content13 .contCon .conLeft .mess .pointa .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content13 .contCon .conLeft .mess .pointa .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:rgba(255,255,255,0.9);} #Content13 .contCon .conRight{ width: 49%; float: right;} #Content13 .contCon .conRight .box{ width: 100%; float: left; margin-bottom: 80px;} #Content13 .contCon .conRight .box:last-child{ margin-bottom: 0;} #Content13 .contCon .conRight .tit{ width: 100%; float: left;} #Content13 .contCon .conRight .tit .t1{ float: left; font-size: 24px; color: #333;} #Content13 .contCon .conRight .tit .zx{ float: right; position: relative; cursor: pointer;} #Content13 .contCon .conRight .tit .zx .wz{ display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 40px 0 15px; border-radius: 13px; color: #888888; background: url(../images/925_cont1.png) no-repeat 80px center; background-color: #e9e9e9;} #Content13 .contCon .conRight .tit .zx .img{ display: none; position: absolute; right: -110px; top: -30px; line-height: 0; border: 3px solid #104492;} #Content13 .contCon .conRight .tit .zx .img::before{ display: none; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #104492; position: absolute; top: 36px; left: -19px;} #Content13 .contCon .conRight .tit .zx .img::after{ display: none; content: ""; display: block; width: 12px; height: 1px; background: #104492; position: absolute; top: 39px; left: -12px;} #Content13 .contCon .conRight .tit .zx:hover .wz{ color: #fff; background: url(../images/925_cont1_1.png) no-repeat 80px center; background-color: #104492;} #Content13 .contCon .conRight .tit .zx:hover .img{ display: block;} #Content13 .contCon .conRight .tit .zx:hover .img::before{ display: block;} #Content13 .contCon .conRight .tit .zx:hover .img::after{ display: block;} #Content13 .contCon .conRight .info{ width: 100%; float: left; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 24px 0 0 0; border-left: 3px solid #104492; color: #666;} @media screen and (max-width:1400px){ #Content13 .contCon .conRight .tit .zx .img{ right: auto; left: -110px; top: -30px;} #Content13 .contCon .conRight .tit .zx .img::before{ top: 36px; left: auto; right: -19px;} #Content13 .contCon .conRight .tit .zx .img::after{ top: 39px; left: auto; right: -12px;} } @media screen and (max-width:1200px){ #Content13 .contCon .conLeft .bdmap .BMap_pop{ left: 0!important;} } @media screen and (max-width:1023px){ #Content13 .contCon .conLeft{ width: 100%;margin-bottom:15px; min-height:400px; display:block;} #Content13 .contCon .conLeft .bdmap .BMap_pop{ display: none;} #Content13 .contCon .conLeft .bdmap .BMap_bubble_content{ width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9), #Content13 .contCon .conLeft .bdmap .BMap_center{ width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .bdmap .iw_poi_content p{ font-size: 12px; padding: 0 5px; width:315px !important; height:50px !important;} #Content13 .contCon .conLeft .mess{ width: 100%; padding: 10px; } #Content13 .contCon .conLeft .mess .t1{ font-size: 16px; line-height: 16px;} #Content13 .contCon .conLeft .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;} #Content13 .contCon .conLeft .mess .mess_width{width:90%; top:10%;} #Content13 .contCon .conLeft .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;} #Content13 .contCon .conLeft .mess .pointa{right:12px; top:10px;} #Content13 .contCon .conLeft .mess .form_width{border-radius: 0 0 15px 15px;} #Content13 .contCon .conLeft .mess .li_2{width:100%;} #Content13 .contCon .conLeft .mess .li_1{padding:10px 15px; line-height:24px;} #Content13 .contCon .conLeft .mess .i{line-height:24px; font-size:14px;} #Content13 .contCon .conLeft .mess .input{line-height:24px; height:24px; font-size:12px;} #Content13 .contCon .conLeft .mess .li_11 .input{width:71%;} #Content13 .contCon .conLeft .mess .demo--label{font-size:14px;} #Content13 .contCon .conLeft .mess .span_d{width:70px; right:10px; top:10px;} #Content13 .contCon .conLeft .mess .tj{font-size:15px;} #Content13 .contCon .conLeft .mess .li_4{padding:8px 10px;} #Content13 .contCon .conRight{ width: 100%; margin-bottom: 15px; clear:both; display:block; } #Content13 .contCon .conRight .box{ margin-bottom: 15px;} #Content13 .contCon .conRight .tit .t1{ font-size: 18px;} #Content13 .contCon .conRight .tit .zx .wz{ font-size: 12px; padding: 0 30px 0 10px; background: url(../images/925_cont1.png) no-repeat 61px center; background-color: #e9e9e9;} #Content13 .contCon .conRight .tit .zx:hover .wz{ background: url(../images/925_cont1_1.png) no-repeat 61px center; background-color: #104492;} #Content13 .contCon .conRight .info{ font-size: 14px; line-height: 24px; padding-left: 10px; margin: 10px 0 0 0; border-left: 1px solid #104492;} } @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*1关于宏工*/ #Content14{width:100%; display:block; float:left;} #Content14 .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;} @media screen and (max-width:1630px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .text{line-height:26px ;} } @media screen and (max-width:768px){ #Content14 .text{line-height:24px; font-size:14px;} }